<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>原生JS实现JQuery通配符选择器</title>
		<link rel="stylesheet" type="text/css" href="css/txt.css" />
		<script type="text/javascript" src="js/jquery.js">
		</script>
	</head>

	<body>

		<div>
			<h1>www.baidu.com</h1>
		</div>
		<div>
			<h1>www.mldn.cn</h1>
		</div>
		<span class="temp">www.mldn.cn</span>
		<p class="temp">www.mldn.cn</p>
		<p>www.mldn.cn</p>

	</body>

	<script type="text/javascript">
		// DOM加载完成后执行
		window.onload = function() {

			var foot = 0;
			var domEles = new Array();
			var root = document.getElementsByTagName("html")[0];
			// 开始根元素递归
			ergodic(root);
			foot = 0;
			// 设置样式
			setClass(domEles);
			// 递归元素 
			function ergodic(root) {
				// 如果存在子元素 要递归
				if(root.hasChildNodes()) {

					var child = root.childNodes;
					for(var i = 0; i < child.length; i++) {
						if(child[i].nodeType == 1) {
							// 如果是元素开始递归
							ergodic(child[i]);
						}
					}
				}
				domEles[foot++] = root;

			}

			// 给每个元素设置样式属性
			function setClass(domEles) {
				if(domEles != null) {
					for(var i = 0; i < domEles.length; i++) {
						var temp_node = domEles[i];
						temp_node.setAttribute("class", "txt");
					}
				}
			}

		};
	</script>

</html>